@mixin toptitle {
	position: sticky;
	top: 0;
	align-items: center;
	justify-content: space-between;
	height: 3.12rem;
	background: $header_bgcolor;
	color: #fff;
	font-size: 1.25rem;
	padding:0 0.93rem;
	z-index: 2;
}
@mixin bg_cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background-color: #000;
	transition: opacity .25s; 
}
@mixin layer-loginout-xchat{
	width: 100%;
	height: 100%;
	color: #fff;
	background: none;
	.reason{
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate3d(-50%,-50%,0);
		text-align: center;
		i{
			display: block;
			width: 158px;
			height: 42px;
			background:url(../../../../assets/images/reenter-1234tv.png) no-repeat;
			background-size: contain;
		}
	}
}
@mixin formcont{
	.cont{
		padding: 0.62rem 0.93rem 0;
		.loginForm-ul{
			li{
				position: relative;
				margin-bottom:0.62rem;
				border-bottom: 1px solid #dbdbdb;
				.formfile{
					i{
						float: left;
						margin: 0.62rem 0.62rem 0;
					}
					.icon1,.icon2{
						width: 1.25rem;
						height: 1.25rem;
					}
					.icon1{
						background: url(../../assets/images/loginicon1.png) no-repeat;
						background-size: contain;
					}
					.icon2{
						background: url(../../assets/images/loginicon2.png) no-repeat;
						background-size: contain;
					}
				}
				input{
					float: left;
					width: 16.25rem;
					height: 2.75rem;
					line-height: 2.75rem;
					border: 0 none;
					font-size: 1rem;
				}
				.eyes{
					position: absolute;
					right: 0.93rem;
					top: 0.75rem;
					width: 1.31rem;
					height: 1.06rem;
					background: url(../../assets/images/showpsw.png) no-repeat;
					background-size: contain;
				}
				.eyes.no-eyes{
					background: url(../../assets/images/hidepsw.png) no-repeat;
					background-size: contain;
				}
				.error_msg{
					line-height: 1.25rem;
					color: red;
				}
			}
		}
	}
}
@mixin border-1px($color:#ddd){
	position: relative;
	&:before{
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 1px solid $color;
		content: ' ';
	}
}
/* 设置需要适配3倍屏的背景图片（对应路径下必须要有3倍图，否则打包时会报错） */
@mixin setFixedBackground($url, $size: contain) {
  background-image: url($url);  /* 3x */
  background-repeat: no-repeat;
  background-size: $size;
}
@mixin border-4-1px($color:#ddd){
	position: relative;
	&:before{
		display: block;
		position: absolute;
		left: 0;
		top:0;
		border: 1px solid $color;
		content: ' ';
		border-radius: 0.37rem;
	}
}
@mixin face-style{
	.emoji-wrap{
		position: relative;
		height: 12.6rem;
		padding: 0.62rem 0;
		box-sizing: border-box;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 21;
		background-color: #fff;
		margin-bottom: -12.6rem;
		.emoji-inner-wrap{
			.emoji-cell{
				width: 9.09%;
				height: 2.06rem;
				display: inline-block;
				overflow: hidden;
				img{
					width: 1.43rem;
					height: 1.43rem;
					padding: 0.31rem;
				}
			}
		}
	}
}